function getCommentList() {
  $.ajax({
    type: 'GET',
    url: 'http://www.liulongbin.top:3006/api/cmtlist',
    success: function(res) {
      if(res.status !== 200) {
        return 
      }

      // 如果没有评论则展示暂无评论
      if(res.data.length === 0) {
        return 
      }

      let str = ''

      // 循环列表数据 生成 完整页面字符串
      res.data.forEach(item => {
        str += `<li class="list-group-item">
          <span class="badge" style="background-color: #F0AD4E;">评论时间：${item.time}</span>
          <span class="badge" style="background-color: #5BC0DE;">评论人：${item.username}</span>
          ${item.content}
        </li>`
      })

      // 将获取的数据渲染到页面
      $('.list-group').html(str)
    }
  })
}

// 页面一加载，立马获取列表数据
getCommentList()

// 提交表单
$('#formAddCmt').submit(function(e) {
  e.preventDefault()

  let str = $(this).serialize()  // 获取表单数据

  // 发请求提交表单
  $.post('http://www.liulongbin.top:3006/api/addcmt', str, function(res) {
    if(res.status !== 201) {
      return 
    }

    getCommentList()

    $('#formAddCmt')[0].reset()
  })

})
